<template>
    <div>
		<my-header></my-header>
        <div class="top">
			<div>
			<div class="top-1">
				<a href="#" class="top-1-1">当地人</a>  >&nbsp; &nbsp;   
					<a href="#" class="top-1-2">出境WiFi</a> &nbsp;&nbsp; 的搜索结果页
			</div>
			<div class="top2">
			 <div class="top1">
			<ul class="top-2">
			     <li><a class="top-2-1" href="#">全部</a></li>
						<li class="top-2-2"><a href="#">WiFi租赁</a></li>
			</ul>	
				</div>
			<div class="top-22">
			<ul class="top-3">
				<li>目的地</li>
				<li><a href="#">全部</a></li>
				<li><a href="#">欧洲</a></li>
				<li><a href="#">非洲</a></li>
				<li><a href="#">南美洲</a></li>
				<li><a href="#">大洋洲</a></li>
				<li><a href="#">亚洲</a></li>
				<li><a href="#">北美洲</a></li>
			 </ul>
			 <ul class="top-3-3"></ul>
			
			<div class="top-4">共&nbsp;
			 <span>164</span> &nbsp;个产品&nbsp;&nbsp; 
			 <a href="#">清空筛选项</a>
			</div>
			</div>
			</div>
			<ul class="top-5">
				<li ><a href="#" class="top-55">推荐<i class="top-5-1 top-5-2"></i></a></li>
				<li><a href="#" class="top-55">价格<em class="top-5-5"><i class="top-5-3"></i><i class="top-5-4"></i></em></a></li>
				<li><a href="#" class="top-55">销量<i class="top-5-1 top-5-2"></i></a></li>
				<li class="top-5-7 top-5-10">1/5</li>
				<li><a href="#" class=" top-5-8"><i class="top-5-6" ></i> 上一页</a></li>
				<li><a href="#" class="top-5-7">下一页 <i class="top-5-9"></i></a></li>
			</ul>
			<div class="top-6">
				<table></table>
				<ul class="top-6-1">
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/3fe0a0ecb3c01a02.jpg_288x192_78b01f2c.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【漫游宝】日本4GWiFi 无限流量不降速 （全国自取/邮寄）</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">7.9</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>日本</span>
										<span class="top-6-8">已售700</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【漫游宝】澳新联游4GWiFi 无限流量不降速 （全国自取/邮寄）</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">28.5</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>澳大利亚</span>
										<span class="top-6-8">已售27</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
				  <li>
				  	<div class="top-6-2">
				  		<a href="#"><img src="/img/index/99c78f58b1dc8602.jpg_288x192_4573a5d6.jpg" ></a>
				  		<a href="#">
				  			<p class="top-6-3">【漫游宝】全球通用4GWiFi 无限流量不降速 （全国自取/邮寄）</p>
				  			
				  				<p class="top-6-4">￥  <span class="top-6-5">58</span> /台天</p>
				  				<div class="top-6-6">
				  					
				  					<i class="top-6-7"></i>
				  					<span>香港</span>
				  					<span class="top-6-8">已售28</span>
				  				 </div>
				  				 <i class="top-6-9">Wi-Fi</i>
				  		</a>	
				  	</div>
				  </li>
				  <li>
				  	<div class="top-6-2">
				  		<a href="#"><img src="/img/index/651eb975-6826-455f-a334-db2ffe884752.jpg_288x192_62652755.jpg" ></a>
				  		<a href="#">
				  			<p class="top-6-3">【中东北非】漫游超人极速4G无限流量随身WIFI （自提或包邮）</p>
				  			
				  				<p class="top-6-4">￥  <span class="top-6-5">35</span> /台天</p>
				  				<div class="top-6-6">
				  					
				  					<i class="top-6-7"></i>
				  					<span>阿拉伯联合酋长国</span>
				  					<span class="top-6-8">已售15</span>
				  				 </div>
				  				 <i class="top-6-9">Wi-Fi</i>
				  		</a>	
				  	</div>
				  </li>
				  <li>
				  	<div class="top-6-2">
				  		<a href="#"><img src="/img/index/3fe0a0ecb3c01a02.jpg_288x192_78b01f2c.jpg" ></a>
				  		<a href="#">
				  			<p class="top-6-3">【咨询领优惠】【日本WIFi全境覆盖】【无限4G流量，降速包赔】</p>
				  			
				  				<p class="top-6-4">￥  <span class="top-6-5">6</span> /台天</p>
				  				<div class="top-6-6">
				  					
				  					<i class="top-6-7"></i>
				  					<span>日本</span>
				  					<span class="top-6-8">已售752</span>
				  				 </div>
				  				 <i class="top-6-9">Wi-Fi</i>
				  		</a>	
				  	</div>
				  </li>
				  <li>
				  	<div class="top-6-2">
				  		<a href="#"><img src="/img/index/26ebb842a3d2b602.jpg_288x192_e0fd25ce.jpg" ></a>
				  		<a href="#">
				  			<p class="top-6-3">【漫游宝】菲律宾4GWiFi 无限流量不降速 （全国自取/邮寄）</p>
				  			
				  				<p class="top-6-4">￥  <span class="top-6-5">15.9</span> /台天</p>
				  				<div class="top-6-6">
				  					
				  					<i class="top-6-7"></i>
				  					<span>菲律宾</span>
				  					<span class="top-6-8">已售373</span>
				  				 </div>
				  				 <i class="top-6-9">Wi-Fi</i>
				  		</a>	
				  	</div>
				  </li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
							<a href="#">
								<p class="top-6-3">缅甸8天3GB原生电话卡 含通话（常州发货）</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">70</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>缅甸 · 曼德勒</span>
										<span class="top-6-8"></span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【咨询领优惠】【印度WiFi全境覆盖】【无限4G流量，降速包赔】</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">34</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>印度</span>
										<span class="top-6-8">已售4</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
				  <li>
				  	<div class="top-6-2">
				  		<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
				  		<a href="#">
				  			<p class="top-6-3">【咨询领优惠】【印度WiFi全境覆盖】【无限4G流量，降速包赔】</p>
				  			
				  				<p class="top-6-4">￥  <span class="top-6-5">34</span> /台天</p>
				  				<div class="top-6-6">
				  					
				  					<i class="top-6-7"></i>
				  					<span>印度</span>
				  					<span class="top-6-8">已售4</span>
				  				 </div>
				  				 <i class="top-6-9">Wi-Fi</i>
				  		</a>	
				  	</div>
				  </li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【咨询领优惠】【印度WiFi全境覆盖】【无限4G流量，降速包赔】</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">34</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>印度</span>
										<span class="top-6-8">已售4</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【咨询领优惠】【印度WiFi全境覆盖】【无限4G流量，降速包赔】</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">34</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>印度</span>
										<span class="top-6-8">已售4</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【咨询领优惠】【印度WiFi全境覆盖】【无限4G流量，降速包赔】</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">34</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>印度</span>
										<span class="top-6-8">已售4</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【咨询领优惠】【印度WiFi全境覆盖】【无限4G流量，降速包赔】</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">34</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>印度</span>
										<span class="top-6-8">已售4</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/ead0ae8e5e3d4c02.jpg_288x192_b6c1d5af.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【咨询领优惠】【印度WiFi全境覆盖】【无限4G流量，降速包赔】</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">34</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>印度</span>
										<span class="top-6-8">已售4</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/3fe0a0ecb3c01a02.jpg_288x192_78b01f2c.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【漫游宝】日本4GWiFi 无限流量不降速 （全国自取/邮寄）</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">7.9</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>日本</span>
										<span class="top-6-8">已售700</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
					<li>
						<div class="top-6-2">
							<a href="#"><img src="/img/index/99c78f58b1dc8602.jpg_288x192_4573a5d6.jpg" ></a>
							<a href="#">
								<p class="top-6-3">【漫游宝】全球通用4GWiFi 无限流量不降速 （全国自取/邮寄）</p>
								
									<p class="top-6-4">￥  <span class="top-6-5">58</span> /台天</p>
									<div class="top-6-6">
										
										<i class="top-6-7"></i>
										<span>香港</span>
										<span class="top-6-8">已售28</span>
									 </div>
									 <i class="top-6-9">Wi-Fi</i>
							</a>	
						</div>
					</li>
				</ul>
				
			</div>
			<div class="top-7-1">
					<a class="top-7-2" href="#">1</a>
					<a class="top-7-3" href="#">2</a>
					<a class="top-7-3" href="#">3</a>
					<a class="top-7-3" href="#">4</a>
					<a class="top-7-3" href="#">5</a>
					<a class="top-7-4" href="#">下一页</a>
				</div>
		</div>
		<div id="Totop"><a href="javascript:;" class="top-11"><span class="top-11-1">回顶部</span><i class="top-11-2"></i></a></div>
		</div>
		<div class="top8">
		<div class="top-8">
				<div class="top-8-1">
					<div class="top-8-22">
						<dl class="top-8-2">
							
						<dt class="top-8-3">热门目的地</dt>
						<dd class="top-8-4">
							<span class="top-8-5"><a class="top-8-6" href="#">东京自由行</a>  |</span>
							<span class="top-8-5"><a class="top-8-6" href="#">西双版纳自由行</a> |</span>
							<span class="top-8-5"><a class="top-8-6" href="#">大理自由行</a> |</span>
							<span class="top-8-5"><a class="top-8-6" href="#">北京自由行</a> |</span>
							<span class="top-8-5"><a class="top-8-6" href="#">丽江自由行</a> |</span>
							<span class="top-8-5"><a class="top-8-6" href="#">帕劳自由行</a> |</span>
							<span class="top-8-5"><a class="top-8-6" href="#">嘉兴自由行</a> |</span>
							<span class="top-8-5"><a class="top-8-6" href="#">台湾自由行</a> |</span>
							<span class="top-8-5"><a class="top-8-6" href="#">意大利自由行</a> |</span>
						</dd>
					</dl>
				 </div>
				  <div class="top-8-22">
				    <dl class="top-8-2">
				    	<dt class="top-8-3">wifi租赁</dt>
				    	<dd class="top-8-4">
				    		<span class="top-8-5"><a class="top-8-6" href="#">德国WiFi</a>  |</span>
				    		<span class="top-8-5"><a class="top-8-6" href="#">首尔WiFi</a> |</span>
				    		<span class="top-8-5"><a class="top-8-6" href="#">芭提雅WiFi</a> |</span>
				    		<span class="top-8-5"><a class="top-8-6" href="#">台北市WiFi</a> |</span>
				    		<span class="top-8-5"><a class="top-8-6" href="#">毛里求斯WiFi</a> |</span>
				    		<span class="top-8-5"><a class="top-8-6" href="#">苏梅岛WiFi</a> |</span>
				    		<span class="top-8-5"><a class="top-8-6" href="#">台湾WiFi</a> |</span>
				    		<span class="top-8-5"><a class="top-8-6" href="#">曼彻斯特WiFi</a> |</span>
				    		<span class="top-8-5"><a class="top-8-6" href="#">芬兰WiFi</a> |</span>
				    	</dd>
				    </dl>
					</div>
					<div class="top-8-22">
						<dl class="top-8-2">
							<dt class="top-8-3">租车包车</dt>
							<dd class="top-8-4">
								<span class="top-8-5"><a class="top-8-6" href="#">惠州包车</a>  |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">桂林包车</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">美国包车</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">巴黎包车</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">长沙包车</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">广州包车</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">新西兰包车</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">乐山包车</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">延边包车</a> |</span>
							</dd>
						</dl>
				   </div>
				  <div class="top-8-22">
				  	<dl class="top-8-2">
				  		<dt class="top-8-3">导游</dt>
				  		<dd class="top-8-4">
				  			<span class="top-8-5"><a class="top-8-6" href="#">惠州导游</a>  |</span>
				  			<span class="top-8-5"><a class="top-8-6" href="#">武汉导游</a> |</span>
				  			<span class="top-8-5"><a class="top-8-6" href="#">大理导游</a> |</span>
				  			<span class="top-8-5"><a class="top-8-6" href="#">巴黎导游</a> |</span>
				  			<span class="top-8-5"><a class="top-8-6" href="#">长沙导游</a> |</span>
				  			<span class="top-8-5"><a class="top-8-6" href="#">昆明导游</a> |</span>
				  			<span class="top-8-5"><a class="top-8-6" href="#">三亚导游</a> |</span>
				  			<span class="top-8-5"><a class="top-8-6" href="#">北京导游</a> |</span>
				  			<span class="top-8-5"><a class="top-8-6" href="#">张家界导游</a> |</span>
				  		</dd>
				  	</dl>
				   </div>
					<div class="top-8-22">
						<dl class="top-8-2">
							<dt class="top-8-3">一日游</dt>
							<dd class="top-8-4">
								<span class="top-8-5"><a class="top-8-6" href="#">东京一日游</a>  |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">德国一日游</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">首尔一日游</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">桂林一日游</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">泰国一日游</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">重庆一日游</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">曼谷一日游</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">意大利一日游</a> |</span>
								<span class="top-8-5"><a class="top-8-6" href="#">芬兰一日游</a> |</span>
							</dd>
						</dl>
					 </div> 
				</div>
		    </div>
		</div>
     <my-food></my-food>
    </div>
</template>
<style scoped>
    .top{font-size: 14px;margin: 0 auto;width: 1200px;font-family: arial,"微软雅黑",sans-serif,"黑体",tahoma,SimSun,\5b8b\4f53;}
.top1{border-left: 1px solid #ddd;}
.top-1{padding: 10px 0;font-size: 14px;}
.top-1-1{color: #333;}
.top-1-1:hover{color: #4dd0e1;}
.top-1-2{color: red;}
a{color: #333;}
.top-22{padding: 5px 0 15px 0;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd ;border-left:  1px solid #ddd;}
.top-2{ display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
	background-color:#00afc7 ;
	}
	.top-2-1{display: block;color: #000;height: 38px;padding: 0 17px;line-height: 38px;
	background-color: #fff;border-top: 3px solid #148aa0;margin-top: -3px;font-weight: bold;}
	.top-2-2{ line-height: 38px;}
	
	.top-2-2>a{display:inline-block;padding: 0 17px;height: 38px; color: #fff;background: url(/img/index/searline%20.png) no-repeat right 10px;}
	.top-2-2>a:hover{background-color: #148aa0;}
	
	.top1{border: 1px solid #808080;}
	.top-3{ display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
	color: #333;
	height: 38px;
	
	}
	.top-3 li{margin-left: 17px; line-height: 38px;font-family: arial,"微软雅黑",sans-serif,"黑体",tahoma,SimSun,\5b8b\4f53;}
	.top-3>li:nth-child(2){margin-left: 25px;}
	.top-3>li:nth-child(2)>a{background-color:#00afc7;color: #fff;}
	.top-3>li>a{padding: 3px;}
	.top-3:not(:first-child) a{color: #333;}
	.top-3>li>a:hover{background-color:#00afc7;color: #fff;}
	.top-3-3{position: relative;overflow: hidden;zoom: 1;width: 1166px;border-top: 0.5px solid #ddd;margin:0 17px;}
	.top-4{font-size: 12px;margin-left: 17px;margin-top: 10px;}
	.top-4>span{color: red;}
	.top-4>a{color: #007BFF;}
	.top-5{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
	color: #333;
	height: 38px;
	line-height: 38px;
	background-color:#4dd0e1;
	margin-top: 10px;}
	.top-5>li{float: left;border-right: 1px solid #fff;vertical-align: middle;cursor: pointer; width: 108px;text-align: center;}
 .top-55{color: #fff;}
	.top-5>li:first-child{background-color:#00afc7;height: 38px;}
	.top-5-1{ display: inline-block;width: 9px;height: 9px;vertical-align: middle;margin-left: 5px;overflow: hidden;}
	.top-5-2{background: url(/img/index/lisico11.png) 0 -33px no-repeat;}
	.top-5-3{ display:block;width: 7px;height: 4px;margin-left: 5px;overflow: hidden; background: url(/img/index/icotool5.png) -101px 0 no-repeat;}
	.top-5-4{ display:block;width: 9px;height: 9px;margin-left: 5px;overflow: hidden; background:url(/img/index/icotool5.png) -93px -4px no-repeat;margin-top: 2px;}
	.top-5-5{width: 7px;margin-left: 6px;cursor: pointer;display: inline-block;vertical-align: middle;}
	.top-5>li:nth-child(2):hover{background-color:#00afc7 ;height: 38px;}
	.top-5>li:nth-child(3):hover{background-color:#00afc7 ;height: 38px;}
	.top-5>li:nth-child(4){width:434px ;text-align: right;padding-right: 20px;}
	.top-5-6{display: inline-block; background:url(/img/index/icotool5.png) -2px -1px no-repeat;margin-right: 7px;width: 5px;height: 8px;}
	.top-5-7{color: #fff;font-size: 12px;}
	.top-5-10{margin-left: 200px;}
	.top-5-8{color: #666;font-size: 12px;}
	.top-5-9{display: inline-block;background: url(/img/index/icotool5.png) -11px -1px no-repeat; margin-left: 7px;width: 5px;height: 8px;}
.top-5>li:nth-child(6):hover{background-color: #00afc7 ;}
.top-6{margin-top: 20px;overflow: hidden;}

.top-6-1{list-style: none;display: block;width: 1250px;}
.top-6-2{width: 288px;height: 329px;border: 1px solid #ddd;position: relative;float: left;margin-right: 15px;margin-bottom: 16px;}
.top-6-2 a{color: #333;}
.top-6-3{overflow: hidden; margin-top: 12px;padding: 0 16px;}
.top-6-3:hover{ color:#f60 ;}
.top-6-4{float: left;display: block;width: 100%;padding: 0 16px;margin-top: 10px;margin-bottom: 8px;}
.top-6-5{font-size: 30px;line-height: 30px;color: #f60;}
.top-6-6{margin-left: 16px;font-size: 12px;color: #999;height: 14px;line-height: 14px;}
.top-6-7{background:url(/img/index/icotool5.png) -82px 0 no-repeat;width: 10px; height: 14px;margin-right: 10px;margin-top: -2px;display: inline-block;overflow: hidden;vertical-align: middle;}
.top-6-8{float: right;margin-right: 16px;}
.top-6-9{position: absolute;top: 10px;left: 0;padding: 0 20px;height: 36px;line-height: 36px;color: #fff;font-style: normal;font-size: 16px;z-index: 3;cursor: pointer;background-color: #ea5175;}
.top-7-1{padding: 10px 0 10px;text-align: center;font: 12px tahoma;}
.top-7-2{display:inline-block; margin: 0 3px 0 4px;text-align: center;background-color: #fff;color: #ea5175;border: 1px solid #ea5175;width: 32px;height: 32px;line-height: 32px;}
.top-7-3{display:inline-block; margin: 0 3px 0 4px;text-align: center;background-color: #fff;color: #555;border: 1px solid #dfdfdf;width: 32px;height: 32px;line-height: 32px;}
.top-7-3:hover,.top-7-4:hover{color: #ea5175;border: 1px solid #ea5175;}
.top-7-4{display:inline-block; margin: 0 3px 0 4px;text-align: center;background-color: #fff;color: #555;border: 1px solid #dfdfdf;width: 62px;height: 32px;line-height: 32px;}

.top-8{clear: both;padding: 15px 0 25px;line-height: 1.231;font-size: 12px;color: #f5f5f5;width: 979px; margin: 0 auto;font-family: Arial, Helvetica, sans-serif;text-align: right;}
.top-8-1{border-top: 1px solid #ddd;}
.top-8-2{margin: 10px 0 0; clear: both;color: #a7a7a7;padding: 0;}
.top-8-22::after{
  content:"";
  display: block;
  clear:both;
}
.top-8-3{width: 75px;font-weight: 700;float: left;white-space: nowrap;}
.top-8-4{margin-left: 88px;word-spacing: 5px;}
.top-8-5{float: left; margin-right: 6px;white-space: nowrap;}
.top-8-6{color: #a7a7a7;margin-right: 6px;}
.top-10-1{padding-bottom: 4px;overflow: hidden;position: relative;float: left;}
.top-10-2{width: 49px;height: 30px;background: url(/img/index/footer_v10.png) -106px 0 no-repeat;float: left;margin-right: 10px;display: block;}
.top-10-3{width: 87px;height: 30px;background: url(/img/index/b7a21dd65d899f5ef3e81abee2ef8842.png) -523px 0 no-repeat;float: left;margin-right: 10px;display: block;}
.top-10-4{width: 97px;height: 30px;background: url(/img/index/b7a21dd65d899f5ef3e81abee2ef8842.png) -613px 0 no-repeat;float: left;margin-right: 10px;display: block;}
.top-10-5{float: left;margin-right: 10px;}
.top-10-6{display: block;width: 100%;height: 30px;}

.top-11{display: block;width: 65px;height: 65px;text-align: center;background-color: #90a4ae;color: #fff;position: fixed;right: 5px;bottom: 10px;text-decoration: none;}
.top-11-1{display: block;margin: 10px 0 5px 0;line-height: 20px;}
.top-11-2{display: block;width: 24px;height: 16px;margin: 0 auto;zoom: 1;overflow: hidden;background: url(/img/index/detail_icon.png) no-repeat;}

.top-11:hover{background-color: #ff9800;}
.top-11:hover i{background: url(/img/index/detail_icon.png) -30px no-repeat;}
#Totop{
	display: none;
}
</style>
<script>
export default {
	mounted(){
		window.onscroll=function(){
		 var scrollTop=document.body.scrollTop || document.documentElement.scrollTop;
       console.log(scrollTop); 
		 var Totop=document.getElementById("Totop");
		if(scrollTop>10){
			Totop.style="display:block"
		}else
		{Totop.style="display:none"}
		};
		$(".top-11").click(function(e){
			window.scrollTo(0,0);
		});
	}
}
</script>